<template>
    <div class="pages">
        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
            :current-page="current" :page-size="pageSize" layout="total, prev, pager, next" :total="totalCount">
        </el-pagination>
    </div>
</template>
<script>
export default {

    data() {
        return {
            current: 1
        }
    },
    props: ["totalCount", "pageSize"],

    methods: {
        handleSizeChange(val) {
            this.$emit("pageSizes", val);
        },
        handleCurrentChange(val) {
            console.log(val)
            this.$emit("pageCurrent", val);
        }
    }

}

</script>

<style>

</style>